﻿<div class="breadcrumb">
     <div class="row-fluid">
         <strong style="color: #999999; font-size: 11px;">CREATE NEW TECHNOLOGY</strong>
         <div class="pull-right" style="margin-top: 0px">
             <a style="margin-top: 0px" data-toggle="modal" href="#CreateTechnology" class="btn " data-bind="click: function() { $root.technology.selectNewTechnology(); }"><i class="icon-plus"></i></a>
         </div>
     </div>
 </div>
<table class="table table-striped table-condensed">
    <thead>
        <tr>
            <th>
                Id
            </th>
            <th>
               Name
            </th>
            <th>
                Operations
            </th>
        </tr>
    </thead>
    <tbody data-bind="foreach: technologies">
        <tr>
            <td data-bind="text: Id">
            </td>
            <td data-bind="text: Name">
            </td>   
            <td>
            <a data-toggle="modal" href="#EditTechnology" class="btn btn-small " data-bind="click: function() { $root.technology.selectWorkingTechnology($data); }"><i class="icon-pencil "></i></a>
            <a data-toggle="modal" href="#DeleteTechnology" class="btn btn-small "  data-bind="click: function() { $root.technology.selectWorkingTechnology($data); }"><i class="icon-trash "></i></a>
            <a data-toggle="modal" href="#DetailsTechnology" class="btn btn-small " data-bind="click: function() { $root.technology.selectWorkingTechnology($data); }"><i class="icon-zoom-in "></i></a>
            </td>
        </tr>
    </tbody>
</table>
<div class="breadcrumb">
     <div class="row-fluid">
         <strong style="color: #999999; font-size: 11px;">CREATE NEW TECHNOLOGY</strong>
         <div class="pull-right" style="margin-top: 0px">
             <a style="margin-top: 0px" data-toggle="modal" href="#CreateTechnology" class="btn " data-bind="click: function() { $root.technology.selectNewTechnology(); }"><i class="icon-plus"></i></a>
         </div>
     </div>
 </div>